<!--
  @author: 善良的YWJ
  @Created by shanliangdeYWJ on 2020/09/16 02:11:34
  @file: Pipeline.vue
  @description:
  ==================
  Product 产品页面下的 管道页面
  ==================
  @link [Github](https://github.com/shanliangdeYWJ)
-->

<template>
  <div class="pipeline">
    <Details
      :prodNavList="prodNavList"
      :swiperList="swiperList" />
  </div>
</template>

<script>
import Details from '@/views/product/details';
export default {
  name: 'GFPipeline',
  components: { Details },
  mounted () { this.getApi(); },
  data () {
    return {
      prodNavList: [],
      swiperList: []
    };
  },
  methods: {
    async getApi () {
      const { data: res } = await this.$http('/gftopen/product/pipeline');
      const _prodNavList = res.message.children.map(v => { return { img_url: v.cat_icon, name: v.cat_name }; });
      this.prodNavList = _prodNavList;
      const _swiperList = res.message.children.map(v => { return v.children; });
      this.swiperList = _swiperList;
    }
  }
};
</script>

<style lang='scss' scoped>
</style>
